<html>
<head>
<title>khutro.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/userpage.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
em {
	color: #999;
}

#contentmain .container2 .logincontent .logincontentmain h3 {
	color: #040406;
}
-->
</style>

<link href="css/custom-theme/jquery-ui-1.9.0.custom.css"
	rel="stylesheet">
<script src="js/jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>
<script>
	$(function() {

		$("#accordion").accordion();

		var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC",
				"C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang",
				"Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp",
				"Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ];
		$("#autocomplete").autocomplete({
			source : availableTags
		});

		$("#button").button();
		$("#radioset").buttonset();

		$("#tabs").tabs();

		$("#dialog").dialog({
			autoOpen : false,
			width : 400,
			buttons : [ {
				text : "Ok",
				click : function() {
					$(this).dialog("close");
				}
			}, {
				text : "Cancel",
				click : function() {
					$(this).dialog("close");
				}
			} ]
		});

		// Link to open the dialog
		$("#dialog-link").click(function(event) {
			$("#dialog").dialog("open");
			event.preventDefault();
		});

		$("#datepicker").datepicker({
			inline : true
		});

		$("#slider").slider({
			range : true,
			values : [ 17, 67 ]
		});

		$("#progressbar").progressbar({
			value : 20
		});

		// Hover states on the static widgets
		$("#dialog-link, #icons li").hover(function() {
			$(this).addClass("ui-state-hover");
		}, function() {
			$(this).removeClass("ui-state-hover");
		});
	});
</script>
<style>
.demoHeaders {
	margin-top: 2em;
}

#dialog-link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}

#icons {
	margin: 0;
	padding: 0;
}

#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}

#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
</style>

<link href="css/info.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
	marginheight="0">
	<!-- Save for Web Slices (khutroslide.psd) -->
	<div id="header">
		<div id="headerContent">
			<a href="http://www.khutro.net" id="logo">khutro</a>
			<ul id="menuBar">
				<li class="selected"><a href="http://www.khutro.net">Trang
						Chủ</a>
				</li>
				<li><a href="http://www.khutro.net/vote">Trợ Giúp</a>
				</li>
				<li><a href="http://www.khutro.net/old">Trang Cá Nhân</a>
				</li>
				<li><a class="upload" href="http://www.khutro.net/upload">Đăng
						Tin</a>
				</li>
			</ul>
			<div id="loginPanel">
				<a class="loginButton" href="http://www.khutro.net/account/login">Đăng
					nhập</a>
			</div>
		</div>
	</div>
	<img src="images/spacer.gif" width="1" height="56" alt="">

	<div id="contentmain">
		<div class="containeruserpage1">
			<div id="tabs">
				<ul>
					<li><a href="#tabs-1">Thông tin tài khoản</a>
					</li>
					<li><a href="#tabs-2">Bài yêu thích</a>
					</li>
					<li><a href="#tabs-3">Bài đã tạo</a>
					</li>
				</ul>
				<div id="tabs-1">
					<div class="headeruser">
						<span style="margin: 3px 0 3px 15px;">Tài khoản</span>
					</div>
					<table width="100%" border="0" cellpadding="0" cellspacing="0"
						class="usercontent">
						<tr>
							<td width="35%">
								<div class="avatarimg">
									<img src="images/avatar/smile.png" width="128" height="128"><br>
									<a href="#" style="color: #00F">Xóa ảnh đại diện</a>
								</div></td>
							<td width="65%">
								<div class="basicinfo">
									Email: <span style="margin-left: 38px">user1@fpt.edu.vn</span><br>
									<br> Tên hiển thị: <input type="text" name="username"
										id="username" value="user1" style="width: 50%"><br>
									<br> Ảnh đại diện:<input type="text" name="br" id="br"
										value="" style="width: 50%" />
									<button id="button" style="display: none">Upload</button>
									<button id="button">Đăng ảnh</button>
									<br>
									<br>
								</div></td>
						</tr>
					</table>
					<div class="headeruser">
						<span style="margin: 3px 0 3px 15px;">Thống kê</span>
					</div>
					<table border="0" cellpadding="0" cellspacing="0" class="tkmain">
						<tr>
							<td>
								<div class="thongke" style="width: 30%">
									Tham gia từ:<br>
									<br> Đăng nhập cuối:<br>
									<br> Số địa điểm đã tạo:<br>
									<br>

								</div></td>
							<td>
								<div class="thongke" style="width: 70%">
									<span>20/11/2012 11:30:22</span><br>
									<br> <span>20/11/2012 11:30:22</span><br>
									<br> <span>4</span><br>
									<br>
								</div></td>
						</tr>
					</table>
					<div class="headeruser">
						<span style="margin: 3px 0 3px 15px;">Thông báo</span>
					</div>
					<span style="margin: 25px 25px 15px 25px;">thong báo here</span>

				</div>
				<div id="tabs-2">
					<button id="button">Xoá</button>
					<br>
					<br>
					<div class="headertable">
						<input type="checkbox" name="localtion" value="school"> <span
							style="margin-left: 30px">Ảnh</span> <span
							style="margin-left: 102px">Bài đăng</span>
					</div>
					<div class="contentinfo">
						<div class="checkbox">
							<input type="checkbox" name="localtion" value="school">
						</div>
						<div class="smallimg">
							<div class="smallimgview">
								<img src="images/upload/x_small.jpg" width="88" height="58"
									alt="">
							</div>
						</div>
						<div class="contentinfomain">
							<div class="title_content">
								<a href="#" class="atitle">Cho thuê nhà khu vực ba đình </a>
							</div>
							<div class="address_content">175/75 Hoàng Hoa Thám, Ba Đình
								Hà Nội</div>
							<div class="address_content">
								<div class="splitcontent1">
									Giá:<span style="color: #FF4500">1,5 triệu/tháng</span>
								</div>
								<div class="splitcontent1">
									Diện tích: <span style="color: #FF4500">25 m2</span>
								</div>
								<div class="splitcontent1">
									Lượt xem: <span style="color: #1E90FF">10</span>
								</div>
							</div>
							<div class="address_content">

								<div class="splitcontent1" style="width: 60%">
									Ngày tạo: <span style="color: #1E90FF">12/12/2012 12:12</span>
								</div>
								<div class="splitcontent1">
									Tạo bởi: <span style="color: #1E90FF">Tùng Ks</span>
								</div>
							</div>
						</div>
						<div class="boxleftcontent" id="price_content"
							style="background: #F0F8FF">
							<div class="splitrightc1">
								<a href="" style="color: #00C">Q. Hai Bà Trưng</a>
							</div>
							<div class="splitrightc1">
								<a href="" style="color: #FF0000">Cho thuê</a>
							</div>
							<div class="splitrightc1">
								<a href="">Thêm so sánh</a>
							</div>

						</div>
					</div>

				</div>
				<div id="tabs-3">
					(Hãy vào chi tiết từng bài để thực hiện các chức năng chỉnh sửa)<br>
					<br>
					<div class="headertable">
						STT <span style="margin-left: 30px">Ảnh</span> <span
							style="margin-left: 102px">Bài đăng</span>
					</div>
					<div class="contentinfo">
						<div class="checkbox">
							<span>01</span>
						</div>
						<div class="smallimg">
							<div class="smallimgview">
								<img src="images/upload/x_small.jpg" width="88" height="58"
									alt="">
							</div>
						</div>
						<div class="contentinfomain">
							<div class="title_content">
								<a href="#" class="atitle">Cho thuê nhà khu vực ba đình </a>
							</div>
							<div class="address_content">175/75 Hoàng Hoa Thám, Ba Đình
								Hà Nội</div>
							<div class="address_content">
								<div class="splitcontent1">
									Giá:<span style="color: #FF4500">1,5 triệu/tháng</span>
								</div>
								<div class="splitcontent1">
									Diện tích: <span style="color: #FF4500">25 m2</span>
								</div>
								<div class="splitcontent1">
									Lượt xem: <span style="color: #1E90FF">10</span>
								</div>
							</div>
							<div class="address_content">

								<div class="splitcontent1" style="width: 60%">
									Ngày tạo: <span style="color: #1E90FF">12/12/2012 12:12</span>
								</div>
								<div class="splitcontent1">
									Tạo bởi: <span style="color: #1E90FF">Tùng Ks</span>
								</div>
							</div>
						</div>
						<div class="boxleftcontent" id="price_content"
							style="background: #F0F8FF">
							<div class="splitrightc1">
								<a href="" style="color: #00C">Q. Hai Bà Trưng</a>
							</div>
							<div class="splitrightc1">
								<a href="" style="color: #FF0000">Cho thuê</a>
							</div>
							<div class="splitrightc1">
								<a href="">Thêm so sánh</a>
							</div>

						</div>
					</div>
					<div class="contentinfo">
						<div class="checkbox">
							<span>02</span>
						</div>
						<div class="smallimg">
							<div class="smallimgview">
								<img src="images/upload/x_small.jpg" width="88" height="58"
									alt="">
							</div>
						</div>
						<div class="contentinfomain">
							<div class="title_content">
								<a href="#" class="atitle">Cho thuê nhà khu vực ba đình </a>
							</div>
							<div class="address_content">175/75 Hoàng Hoa Thám, Ba Đình
								Hà Nội</div>
							<div class="address_content">
								<div class="splitcontent1">
									Giá:<span style="color: #FF4500">1,5 triệu/tháng</span>
								</div>
								<div class="splitcontent1">
									Diện tích: <span style="color: #FF4500">25 m2</span>
								</div>
								<div class="splitcontent1">
									Lượt xem: <span style="color: #1E90FF">10</span>
								</div>
							</div>
							<div class="address_content">

								<div class="splitcontent1" style="width: 60%">
									Ngày tạo: <span style="color: #1E90FF">12/12/2012 12:12</span>
								</div>
								<div class="splitcontent1">
									Tạo bởi: <span style="color: #1E90FF">Tùng Ks</span>
								</div>
							</div>
						</div>
						<div class="boxleftcontent" id="price_content"
							style="background: #F0F8FF">
							<div class="splitrightc1">
								<a href="" style="color: #00C">Q. Hai Bà Trưng</a>
							</div>
							<div class="splitrightc1">
								<a href="" style="color: #FF0000">Cho thuê</a>
							</div>
							<div class="splitrightc1">
								<a href="">Thêm so sánh</a>
							</div>

						</div>
					</div>
					<div class="contentinfo">
						<div class="checkbox">
							<span>03</span>
						</div>
						<div class="smallimg">
							<div class="smallimgview">
								<img src="images/upload/x_small.jpg" width="88" height="58"
									alt="">
							</div>
						</div>
						<div class="contentinfomain">
							<div class="title_content">
								<a href="#" class="atitle">Cho thuê nhà khu vực ba đình </a>
							</div>
							<div class="address_content">175/75 Hoàng Hoa Thám, Ba Đình
								Hà Nội</div>
							<div class="address_content">
								<div class="splitcontent1">
									Giá:<span style="color: #FF4500">1,5 triệu/tháng</span>
								</div>
								<div class="splitcontent1">
									Diện tích: <span style="color: #FF4500">25 m2</span>
								</div>
								<div class="splitcontent1">
									Lượt xem: <span style="color: #1E90FF">10</span>
								</div>
							</div>
							<div class="address_content">

								<div class="splitcontent1" style="width: 60%">
									Ngày tạo: <span style="color: #1E90FF">12/12/2012 12:12</span>
								</div>
								<div class="splitcontent1">
									Tạo bởi: <span style="color: #1E90FF">Tùng Ks</span>
								</div>
							</div>
						</div>
						<div class="boxleftcontent" id="price_content"
							style="background: #F0F8FF">
							<div class="splitrightc1">
								<a href="" style="color: #00C">Q. Hai Bà Trưng</a>
							</div>
							<div class="splitrightc1">
								<a href="" style="color: #FF0000">Cho thuê</a>
							</div>
							<div class="splitrightc1">
								<a href="">Thêm so sánh</a>
							</div>

						</div>
					</div>
				</div>
			</div>
			<div id="footercus"
				style="text-align: center; color: #FFF; background: #CCC">
				<em>Designed by FU team | Powered by Struts<br> khutro.net</em>

			</div>

			<!-- End Save for Web Slices -->
</body>
</html>